<?php
// http://199.19.226.150/wordpress
?>
<?php get_header(); ?>
<?php 
  query_posts(array(
    'posts_per_page'=>10
  ));
 ?>
 <script type="text/javascript">
 window.$= window.jQuery;</script>
<div id="mainbox" class="grid-m0 col-main">
  <div class="main-wrap">
    




<script id="tpl-cfy-col" type="text/template" style="display:none">
    <li class="cfy-col">
      <div class="title">
        {{title}}
      </div>
      {{#items}}
        <a href="{{href}}" class="cfy-item"><img src="{{src}}" alt="{{alt}}"/></a>
      {{/items}}
    </li>
</script>


<script type="text/javascript">
(function($) {

  $(document).ready(function() {
    //fake测试数据
    $()
  });
  
})(window.jQuery);

</script>

        <section id="imagebox">
            <ul id="stage">
                <li data-tags="Time,Type,2007,urban"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/1.jpg" /></li>
                <li data-tags="Time,Type,2008,country"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/2.jpg" /></li>
                <li data-tags="Time,Type,2009,building"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/3.jpg" /></li>
                <li data-tags="Time,Type,2010,landscape"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/4.jpg" /></li>
                <li data-tags="Time,Type,2011,other"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/5.jpg" /></li>  
                <li data-tags="Time,Type,2007,other"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/6.jpg" /></li>
                <li data-tags="Time,Type,2008,landscape"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/7.jpg" /></li>
                <li data-tags="Time,Type,2009,building"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/8.jpg" /></li>
                <li data-tags="Time,Type,2010,country"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/9.jpg" /></li>
                <li data-tags="Time,Type,2011,urban"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/10.jpg" /></li>
                <li data-tags="Time,Type,2007,urban"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/11.jpg" /></li>
                <li data-tags="Time,Type,2008,country"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/12.jpg" /></li>
                <li data-tags="Time,Type,2009,building"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/13.jpg" /></li>
                <li data-tags="Time,Type,2010,landscape"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/14.jpg" /></li>
                <li data-tags="Time,Type,2011,other"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/15.jpg" /></li>
                <li data-tags="Time,Type,2007,other"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/16.jpg" /></li>
                <li data-tags="Time,Type,2008,landscape"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/17.jpg" /></li>
                <li data-tags="Time,Type,2009,building"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/18.jpg" /></li>
                <li data-tags="Time,Type,2010,country"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/19.jpg" /></li>
                <li data-tags="Time,Type,2007,urban"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/20.jpg" /></li>
                <li data-tags="Time,Type,2008,urban"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/21.jpg" /></li>
                <li data-tags="Time,Type,2009,country"><img src="<?php bloginfo('template_directory');?>/portfolio/assets/img/shots/22.jpg" /></li>
            </ul>   
        </section>
        <nav id="filter"class="name page_item entry-title" ></nav>

      <div id="items" class="clearfix" style="position:relative; left:200px; top:30px">
          <div class="item page_item entry-title">
            <a href="#" id="project">项目<br/>
                <span class="name">PROJECTS</span>
            </a>
          </div>
          <div class="item page_item entry-title">
            <a href="#">著作<br/>
                <span class="name">BOOKS</span>
            </a>
          </div>
          <div class="item page_item entry-title">
            <a href="#">论文<br/>
                <span class="name">PAPERS</span>
            </a>
          </div>
          <div class="item page_item entry-title">
            <a href="#">本科生作品<br/>
                <span class="name">UNDERGRADE<br/> STUDENTS' WORKS</span>
            </a>
          </div>
          <div class="item page_item entry-title">
            <a href="#">研究生作品<br/>
               <span class="name">POSTGRATED<br/>STUDENTS' THESIS</span>
            </a>
          </div>
          <div class="item page_item entry-title">
            <a href="<?php bloginfo('url'); ?>/archives">影像<br/>
                <span class="name">BLOG</span>
            </a>
          </div>
          <div id="back" class="project page_item entry-title">
            <a href="#">返回<br/>
                <span class="name">BACK</span>
            </a> 
          </div> 
      </div>
    <!-- #items-->

    <nav>
      <div class="entry-title page_item" id="info">
        <a href="<?php bloginfo('url'); ?>/info/about">概况 <br/>
            <span class="name">INFO</span></a>
      </div>
    </nav>
  </div>
</div>

<script  type="text/javascript" src="<?php bloginfo('template_directory');?>/_/js/jquery.easing.1.3.js" ></script>
<script  type="text/javascript" src="<?php bloginfo('template_directory');?>/_/js/home.js" ></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<?php get_footer(); ?>
